// pages/historyPage/historyPage.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    storageArr: [],
    historyArr: [],
    DtClassifyObj: {
      today:[],
      yesterday:[]
    },
    activeName: 'today',
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    let arr = wx.getStorageSync('history') || [],
      ids = arr.map(item => {
        return item.id
      }).join(",")
    this.setData({
      storageArr: arr
    })
    wx.request({
      url: 'http://172.20.10.5:3001/msbd/user-history',
      data: {
        ids
      },
      success: res => {
        res.data.data.forEach(item => {
          arr.forEach(v => {
            if (item.id == v.id)
              item.dt = v.date
          })
        })
        this.setData({
          // 数据库中的数据是通过id排序的,需要将数据库获取到的数据排序再赋值
          historyArr: res.data.data.sort((a, b) => {
            return b.dt - a.dt
          })
        })
        this.getDate()
      }
    })
  },

  // 点击删除
  delClick(e) {
    let id = e.target.dataset.id,
      storageArr = this.data.storageArr,
      historyArr = this.data.historyArr
    storageArr.forEach((item, index) => {
      if (item.id == id) {
        storageArr.splice(index, 1)
      }
    })
    historyArr.forEach((item, index) => {
      if (item.id == id) {
        historyArr.splice(index, 1)
      }
    })
    this.setData({
      historyArr: historyArr
    })
    console.log(this.data.historyArr)
    wx.setStorageSync('history', storageArr)
    this.getDate()
  },

  // 从本地数据中拿到对应题是何时浏览的
  getDate() {
    let todayTime = new Date().setHours(0, 0, 0, 0),
      yesterdayTime = todayTime - 24 * 60 * 60 * 1000,
      newObj = this.data.DtClassifyObj
    this.data.historyArr.forEach(item => {
      if (item.dt > todayTime) {
        // newObj['today'] = []
        newObj['today'].unshift(item)
      } else if (item.dt < yesterdayTime) {
        let y = new Date(item.dt).getFullYear()
        let m = new Date(item.dt).getMonth() + 1
        let dt = new Date(item.dt).getDate()
        newObj[y + '年' + m + '月' + dt + '日'] = []
        newObj[y + '年' + m + '月' + dt + '日'].unshift(item)
      } else {
        // newObj['yesterday'] = []
        newObj['yesterday'].unshift(item)
      }
      this.setData({
        DtClassifyObj: newObj
      })
      // console.log(this.data.DtClassifyObj)
    })
  },

  //页面折叠面板点击的时候赋值 
  onChange(event) {
    this.setData({
      activeName: event.detail,
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})